<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>

<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">

<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.js" type="text/javascript"></script>

</head>

<body>

<!-- 大背景 -->
	<div class="container" align="center"
		style=" width:auto; height:768px; background-color:#BFEDEA; background-image:url(../img/bg2.png); -moz-background-size:100% 100%; background-size:100% 100%;">

		<!-- 导航栏 -->
		<div style="width:100%; height:auto;">
			<nav class="navbar navbar-default">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">

					<a class="navbar-brand" href="main.html">首页</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="defaultNavbar1">
					<ul class="nav navbar-nav">
                    	<li class="dropdown" id="book_manage"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">图书管理<span class="caret"></span></a>
                   			 <ul class="dropdown-menu" role="menu">
                   			 	<li><a href="./Book/showBook.do">管理图书</a></li>
                 				<li><a href="##">图书查询</a></li>
                     			 <li><a href="###">图书借阅</a></li>
                                 <li><a href="####">图书归还</a></li>
                               </ul>
                                 </li>
                                 <li class="dropdown" id="book_manage"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">违规管理<span class="caret"></span></a>
                   			 <ul class="dropdown-menu" role="menu">
                             	<li><a href="#">管理违规记录</a></li>
                             	<li><a href="#">违规登记</a></li>
                             </ul>
                             </li>
						
						<li class="dropdown" id="book_manage"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">个人中心<span class="caret"></span></a>
                   			 <ul class="dropdown-menu" role="menu">
                             	<li><a href="#">个人资料</a></li>
                             	<li><a href="#">借阅记录</a></li>
                                <li><a href="#">违规记录</a></li>
                                <li><a href="#">退出登录</a></li>
                             </ul>
                         </li>
					</ul>
					<!-- 搜索栏 -->
					<div style="float:right;">
						<form class="navbar-form navbar-left" role="search">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="输入图书编号">
							</div>
							<button type="submit" class="btn btn-default">查询</button>
						</form>
					</div>

				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid --> </nav>
		</div>
        
        <div class="container" align="center" style="width:80%; height:85%; background-color:#FFFFFF;">
       	   <div align="center" style="text-align:center;">
            	<label style="margin:15px 0 0 0; font-family:华文行楷; font-size:35px;">模块标题</label>
                <hr>
            </div>
            </div>
    </div>
</body>
</html>
